<template>
  <div >
      <!-- <div style="height: 170px;width: 100%;
    background-color: #ec6941;
    border-radius:0 0 30% 30%;">
    </div>
    <div style="height: 170px;width: 70%;
    background: rgb(243, 193, 187);
    transform: translateX(-50%) translateY(-50%);
position: relative;left: 50%;top: 50%;
    "> -->
    <!-- <div style=""></div> -->
    <!-- </div> -->
    <!-- <div style="background:"></div> -->
    <img src="../assets/img/椭圆 2.png" alt="" style="width: 100%;">
    <img src="../assets/img/圆角矩形 2.png" alt=""
    style="position: absolute;left:50%;transform:   translateX(-50%) translateY(80%);width:90% ; height:20%  " >
    <!-- <div style="position: absolute;"> -->
    <img src="../assets/img/椭圆 3.png" alt="" style="height: 50px;width: 50px;
    border-radius:50% ;border: solid 1px black;
    position:absolute;left:50%;top:17%; transform: translateX(-50%) translateY(-50%); 
    " @click="sign">
    <h4 style=" position:absolute;left:50%;top:21%; transform: translateX(-50%) translateY(-50%); "> 小包子</h4>
    <div style=" position:absolute;left:50%;top:30%; transform: translateX(-50%) translateY(-50%); ">完善个人资料信息</div>
<van-row style="margin-top:50px ;">
<router-link to="/logout">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;color:black "> <van-icon name="setting-o" style="margin-right:10px"/>我的设置<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>

</router-link>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="thumb-circle-o" style="margin-right:10px"/>我的点赞<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="envelop-o" style="margin-right:10px"/>消息中心<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="more-o" style="margin-right:10px"/>意见反馈<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="star-o" style="margin-right:10px"/>我的收藏<van-icon name="arrow" style="float: right;"/></van-col>
  <!-- <van-icon name="chat-o" /> -->
  <van-col span="2"></van-col>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="friends-o" style="margin-right:10px"/>我的关注<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="label-o" style="margin-right:10px"/>我的文章<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>
<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="padding-bottom:15px ;text-align: left;"> <van-icon name="delete" style="margin-right:10px"/>清理缓存<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>
<!-- <van-button type="primary" size="large" style="background:red">退出登录</van-button> -->


<van-row style="margin-top:20px ;">
  <van-col span="2"></van-col>
  <van-col span="20" style="border-bottom: solid 1px black ;padding-bottom:15px ;text-align: left;"> <van-icon name="delete" style="margin-right:10px"/>我的关注<van-icon name="arrow" style="float: right;"/></van-col>
  <van-col span="2"></van-col>
</van-row>




    
<!-- </div> -->


<tabbar/>
  </div>
</template>

<script>
import { Col, Row } from 'vant';
import Vue from 'vue';
import tabbar from "@/components/Tabbar.vue";
import { Icon } from 'vant';
// import { Button } from 'vant';

// Vue.use(Button);

Vue.use(Icon);


Vue.use(Col);
Vue.use(Row);
export default {
    components: {
     tabbar
  },
  methods: {
    sign() {
      // Toast("返回");
      this.$router.replace('/phonelogin')
    },
  }

}
</script>

<style scoped>


</style>